<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login</title>
  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.7.2/css/all.css">
  <link rel="stylesheet" href="./login.css">
</head>

<body>
  <section id="login-form">
    <h1>Login</h1>

    <div class="input-wrap in-1">
      <input type="text" placeholder="username" spellcheck="false" required>
      <i class="fa-solid fa-user"></i>
    </div>

    <div class="input-wrap in-2">
      <input type="password" placeholder="password" spellcheck="false" required>
      <i class="fa-solid fa-lock"></i>
    </div>

    <div class="rem">
      <p>
        <input type="checkbox">
        <span>remeber password</span>
      </p>
      <a>forgot password</a>
    </div>

    <button>login</button>

    <p class="reg">
      <span>unregistered？</span>
      <a>sign in</a>
    </p>
  </section>
</body>

</html>